<template>
  <div class="demo">
        <h2>姓名：{{name}}</h2> 
        <h2>性别：{{sex}}</h2>
        <h2>年龄：{{age}}</h2>
        <button @click="sendStudentName">点击传送学生姓名</button>
        <button @click="sendStudentNameToSchool">点击传送学生姓名给School</button>
  </div>
</template>

<script>
import pubsub from 'pubsub-js'

  export default {
    name:'MyStudent',
    data(){
      return{
        name:'周杰',
        sex:'男',
        age:'22',
      }
    },
     methods: {
          sendStudentName(){
             this.$emit('click')
             this.$emit('atguigu','zhoujie')
          },
          sendStudentNameToSchool(){
            //  this.$bus.$emit('hello',this.name)

            /**
             * (1) 发布是一个动作，因此是动态的(这里是在点击按钮里)
             *     第一个参数是消息名(必须和订阅者一样，这样就知道发布给谁了)
             *     第二个参数是消息内容
             * */ 
            pubsub.publish('hello',666)
          }
    },
    /**
     * (2) 
    */
    beforeDestroy(){
      //  this.$bus.off('hello')
    }
}
</script>

<style scoped>
  .demo{
     background-color: blanchedalmond;
     padding: 5px;
  }
</style>